<template>
  <div class="sanlitun">
    <div class="swiper">
      <van-icon name="arrow-left" class="prev" @click="$refs.swiper.prev()"/>
      <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white" ref="swiper" style="width: 72%;">
        <van-swipe-item>
          <div class="swiper-item">
            <img src="@/assets/sanlitun.png" alt="#">
          </div>
        </van-swipe-item>
        <van-swipe-item>
          <div class="swiper-item">
            <img src="@/assets/sanlitun.png" alt="#">
          </div>
        </van-swipe-item>
        <van-swipe-item>
          <div class="swiper-item">
            <img src="@/assets/sanlitun.png" alt="#">
          </div>
        </van-swipe-item>
        <van-swipe-item>
          <div class="swiper-item">
            <img src="@/assets/sanlitun.png" alt="#">
          </div>
        </van-swipe-item>
      </van-swipe>
      <van-icon name="arrow" class="next" @click="$refs.swiper.next()"/>
    </div>
    <p class="title">STONE ISLAND 北京三里屯</p>
    <p class="small-title">北京市朝阳区三里屯路19号太古里北区N13-12B</p>
    <p>电话:0086 (0)1084519750</p>
    <p>邮箱:BEIJINGSANLITUN@ STONEISLAND.COM</p>
    <p style="text-indent: 2.5em;">VIEW ON MAP</p>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.sanlitun {
  .swiper {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 30px 0;
    .swiper-item {
      width: 100%;
      border: 1px solid #666;
      height: 200px;
      box-sizing: border-box;
      display: flex;
      justify-content: center;
      font-size: 0;
      img {
        height: 100%;
      }
    }
  }
  .prev,.next {
    font-size: 30px;
  }
  .title {
    padding: 0;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    color: #666;
    font-weight: bold;
  }
  .small-title {
    padding: 0;
    line-height: 80px;
    text-align: center;
    font-size: 14px;
    color: #666;
    font-weight: bold;
  }
  p {
    padding: 0 10%;
    line-height: 30px;
    font-size: 12px;
    color: #666;
    font-weight: bold;
  }
}
</style>